<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>02_input新增的type属性值</title>
</head>
<body>
<!--novalidate-不做如何校验时也能提交-->
<form action="" novalidate>
    邮箱：<input type="email" required name="email">
<!--        required-必填项-->

    <!--邮箱类型(需要出现@)符号-->
    <!-- email：<input type="email" required name="email"> -->

    <!--链接类型-->
    <!--url：<input type="url" required name="url">-->

    <!--数字类型-输入的内容必须是数字类型 step-跨度、max-输入框接受的最大值、min-接受的最小值-->
    <!--数值：<input type="number" required name="number" step="2" max="80" min="20">-->

    <!--搜索类型  比正常的输入框多了一个叉快速清除输入框的内容-->
    <!--搜索：<input type="search" required name="keyword">-->

    <!--电话类型 在手机端会弹出拨号键盘 pc端无效-->
    <!--电话：<input type="tel" required name="phone">-->

    <!--光照类型 可调节的进度条 max-最大值 min-最小值 value-当前值-->
    <!--光照强度：<input type="range" name="range" max="80" min="20" value="22">-->

    <!--颜色类型 颜色选择框-->
    <!--颜色：<input type="color" name="color">-->

    <!--日期类型 可选择日期的输入框-->
    <!--日期：<input type="date" required name="date">-->

    <!--月份类型 可选择年月的输入框-->
    <!--月份：<input type="month" required name="month">-->

    <!--周类型 可选择年份的第几周-->
    <!--周：<input type="week" required name="week">-->

    <!--时间类型 可选择时间的输入框-->
    <!--时间：<input type="time" required name="time">-->

    <!--日期和时间类型 日期和时间的输入框-->
    <!--日期+时间：<input type="datetime-local" required name="time2">-->

    <br>
    <button>提交</button>
</form>
</body>
</html>